@charset "utf-8";
/* CSS Document */

/****************************** 111 ************************************/
@media only screen and (min-width: 1500px) 
{
	
	
}

/*****************************  222 *************************************/

@media (max-width: 950px) {

.cuadroCentral .fondo{
	clear: both;
	width:100%;
	background-color:#E6E6E6;
	z-index:auto;
	height: auto;
}


.cuadroCentral .blanco{
	clear: both;
	margin: 0 auto;
	float: none;
	text-align: center;
	width: 80%;
	background-color: white;
	color: #000000;
	height: auto;
}
	
.columnas #col1{
	clear: both;
	width: 100%;
	height:auto;
	float: left;
	text-align: left;
	line-height: 1.5;
	}
.columnas #col2{
	clear: both;
	width: 100%;
	height: auto;
	float: left;
	text-align: left;
	line-height: 1.5;
	}

.fondo #ObCalIns{
	clear: both;
	margin: 0 auto;
	float: none;
	width:100%;
	height:auto;
	background-color: white;
	margin-top: 110px;
}


	
/*****   Temarios *****/
#ObCalIns #objDur{clear: both; float: left; width: 98%;height: auto;text-align: left; margin-left: 5px; }
#ObCalIns #verCal{clear: both; float: left; width: 5%;height: auto;margin-left: 2%;line-height: 2;margin-top: 15px}
#ObCalIns #txtCal{float: left; width: 40%;height: auto;line-height: 1;margin-top: -10px}
#ObCalIns #inscrib{float: left;width: 5%;height: auto;line-height: 1;}
#ObCalIns #txtInsc{float: left; width: 40%;height: auto;line-height: 1;margin-top: -10px}

.icono{width: 90%; float:none;margin: 0 auto; text-align: center}
#txtCal{text-align:left }
#txtInsc{text-align:left }
 
#ObCalIns #txtInscind{clear: both;width:100%; margin: 0 auto;float: none; font-size: 16px;margin-left:8px }
.encabTemario #nomCursoTem{
	clear: both;
	float: none;
	width: 100%;
	max-height: auto;/*138px*/
	color: whitesmoke;
	font-family: Segoe, Segoe UI, DejaVu Sans, Trebuchet MS, Verdana," sans-serif";
	font-size: 30px;
	text-align: center;
	vertical-align: middle;
}
	
#ObCalIns #formularioTeams{float: left; width: 90%;text-align:left; margin-left: 15px; }
.encabTemario #imgTemario{clear: both; float:none;width:100%;max-height:auto;}	
.industrial{width: 100%;margin: 0px,0px,0px,100px}
.industrialLoto{animation: bounce; animation-duration: 8s;float: none; width: 100%;background: #DCED27; color: black}
.fondo{width: 100%;margin: 0px}
.blanco{width: 100%;margin: 0px}
#indCal{width: 50%}
	
.cuadroCentral #agregarImg{clear: both; width: 99%; height: auto; padding: 0;}
#imgTem{width: 100%; height: auto; float: none;margin: 0 auto;}
#otrosCursos{width: 95%; height: auto; float: none; margin: 0 auto;text-align: center}

.eb1{clear: both; width: 90%; height: auto; float: none;margin: 0 auto}
.eb2{clear: both; width: 90%; height: auto; float: none; margin: 0 auto}
 


#fechasyForm .tablaFechas{width:98%;height: auto; float: none; text-align: center}

#fechasyForm #txtFormulario{width: 95%; height: auto; float: none; margin: 0 auto; text-align: center}

}

/******************************** 444444   **********************************/
@media (max-width: 579px){ 

#ObCalIns #objDur{clear: both; float: left; width: 98%;height: auto;text-align: left; margin-left: 5px}


	

#ObCalIns #txtInscind{clear: both;width:100%; margin: 0 auto;float: none; font-size: 12px}
	
#ObCalIns #verCal{clear: both; float: left; width: 5%;height: auto;margin-left: 2%;line-height: 2;margin-top: 15px}
#ObCalIns #txtCal{float: left; width: 40%;height: auto;line-height: 1;margin-top: -10px}
#ObCalIns #inscrib{float: left;width: 5%;height: auto;line-height: 1;}
#ObCalIns #txtInsc{float: left; width: 40%;height: auto;line-height: 1;margin-top: -10px}

.icono{width: 90%; float:none;margin: 0 auto; text-align: center}
	
#ObCalIns #txtInscind{clear: both;width:100%; margin: 0 auto;float: none; font-size: 16px}
.encabTemario #nomCursoTem{
	clear: both;
	float: none;
	width: 100%;
	max-height:auto;/*138px*/
	color: whitesmoke;
	font-family: Segoe, Segoe UI, DejaVu Sans, Trebuchet MS, Verdana," sans-serif";
	font-size: 30px;
	text-align: center
}
.encabTemario #imgTemario{clear: both; float:none;width:100%;max-height:auto;}	


.fondo{width: 100%;margin: 0px}
.blanco{width: 100%;margin: 0px}
#indCal{width: 50%}

.cuadroCentral #agregarImg{clear: both; width: 99%; height: auto; padding: 0;}
#imgTem{width: 100%; height: auto; float: none;margin: 0 auto;}
#otrosCursos{width: 95%; height: auto; float: none; margin: 0 auto;text-align: center}

.eb1{clear: both; width: 90%; height: auto; float: none;margin: 0 auto}
.eb2{clear: both; width: 90%; height: auto; float: none; margin: 0 auto}

	#col1 ul li{
	clear: both;
	width: 100%;
	height:auto;
	float: left;
	text-align: left;
	line-height: 1.5;
	font-size: 14px;}
	
	#col2 ul li{
	clear: both;
	width: 100%;
	height:auto;
	float: left;
	text-align: left;
	line-height: 1.5;
	font-size: 14px;}

 
#fechasyForm .tablaFechas{width:98%;height: auto; float: none; text-align: center}

#fechasyForm #txtFormulario{width: 95%; height: auto; float: none; margin: 0 auto; text-align: center}
	
}


/****************************** 55555 **********************************************/